﻿/*
div#view-container
{
    width: 100%;
    height: 100%;
}
*/

div#top-container
{
    width: 100%;
    height: 500px;
}

/*
div#bottom-container
{
    width: 100%;
    height: 40px;
}
*/

div#left-container
{
    width: 35%;
    height: 100%;
    float: left;
    margin-right: 1%;
}

div#right-container
{
    width: 64%;
    height: 100%;
    float: left;
}

div#left-top-container
{
    padding: 2px 10px 10px 10px;
    margin-top: 20px;
    border: 1px solid #A0A0A0;
    background-color: #FFFFFF;
}

div#left-middle-container
{
    margin-top: 10px;

    /*background-color: Yellow;*/
}

div#left-bottom-container
{
    margin-top: 10px;
}

/*
div#button-container
{
    padding: 5px 0px 5px 0px;
    float: right;
}
*/

/* ---------- Start Branch Styles ---------- */

div#branch-details
{
    height: 120px;
}

div#branch-left
{
    float: left;
    margin: 8px 20px 0 0;
}

div#branch-left img
{
    width: 90px;
    height: 60px;
}

div#branch-right
{
    float: left;
}

/* ---------- End Branch Styles ---------- */

/* ---------- Start Date Time Styles ---------- */

.assignment-calendar
{
    display: block;
    margin: 5px 0px 0px 0px;
}

.left
{
    margin-right: 10px;

    /*background-color: Green;*/
}

.right
{

    /*background-color: Orange;*/
}

.time-list 
{
    height: 182px;
    margin-top: 5px;

    width: 84px;
    text-align: center;
    font-family: Verdana;
    font-size: 11px;

    /*background-color: Blue;*/
}

/* ---------- End Date Time Styles ---------- */

/* ---------- Start Payment Styles ---------- */

.payment-container
{
    /*border: 1px solid #A0A0A0;
    background-color: #FFFFFF;*/
    margin-top: 5px;
    min-height: 100px;

    /*background-color: Red;*/
}

.container-row
{
    display: block;
    line-height: 25px;
}

.container-row span
{
    display: inline-block;
}

span.payment-type
{
    width: 140px;
}

span.payment-detail
{
    width: 74px;
}

span.payment-detail input
{
    width: 60px;
}

/* ---------- End Payment Styles ---------- */

/* ---------- Start Shoppers Styles ---------- */

table#shoppers
{
    font-size: 11px;
    text-align: left;
    width: 100%;
    height: 100%;
    border: none;
}

table#shoppers td 
{
    height: 25px;
    line-height: 25px;
    padding: 3px 3px 3px 0;
}

.table-container
{
    border: 1px solid #FFFFFF;
    border-left: 0.1em solid #7DA2CE;
    border-right: 0.1em solid #7DA2CE;
    background-color: #FFFFFF;
    margin-top: 5px;   
    height: 94%;
}

.table-container span
{
    display: block;
    margin: 10px;
}

table#shoppers th
{
    height: 25px;
    line-height: 25px;
    border: 1px solid #C6C6C6;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #FFFFFF inset;   
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    text-align:left;
    padding-left: 5px;
}

table#shoppers tr td
{

}

table#shoppers tr:hover, table#shoppers tr.selected
{
    background: rgb(247,251,252); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(247,251,252,1) 0%, rgba(217,237,242,1) 88%, rgba(217,237,242,1) 100%, rgba(173,217,228,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,251,252,1)), color-stop(88%,rgba(217,237,242,1)), color-stop(100%,rgba(217,237,242,1)), color-stop(100%,rgba(173,217,228,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(247,251,252,1) 0%,rgba(217,237,242,1) 88%,rgba(217,237,242,1) 100%,rgba(173,217,228,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(247,251,252,1) 0%,rgba(217,237,242,1) 88%,rgba(217,237,242,1) 100%,rgba(173,217,228,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(247,251,252,1) 0%,rgba(217,237,242,1) 88%,rgba(217,237,242,1) 100%,rgba(173,217,228,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(247,251,252,1) 0%,rgba(217,237,242,1) 88%,rgba(217,237,242,1) 100%,rgba(173,217,228,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #7DA2CE;
    border-bottom: 1px solid #7DA2CE;
    cursor: pointer;
}

table#shoppers th:hover
{
    background: rgb(254,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(210,235,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(210,235,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(210,235,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
    border: 1px solid #A2FFE9;
}

/* ---------- End Shoppers Styles ---------- */